* {
    padding: 0;
    margin: 0;
    /* overflow: hidden; */
}

.header {
    width: 100%;
    height: 64px;
    line-height: 64px;
    background-color: #000;
}

.header .container {
    width: 1250px;
    height: 64px;
    margin: 0 auto;
    background-color: #000;
}

.wrappers {
    width: 100%;
    height: 630px;
    background-color: #f7f7f7;
}

.wrappers .containers {
    height: 100%;
    width: 1250px;
    margin: 0 auto;
    background-color: #f7f7f7;
}

.wrapperes {
    width: 100%;
    height: 610px;
}

.wrapperes .containeres {
    height: 100%;
    width: 1250px;
    margin: 0 auto;
}

.wrapperse {
    width: 100%;
    height: 650px;
}

.wrapperse .containerse {
    height: 100%;
    width: 1250px;
    margin: 0 auto;
}

.wrapperss {
    width: 100%;
    height: 1150px;
    /* background-color: #ffff00; */
}

.wrapperss .containerss {
    height: 100%;
    width: 1250px;
    margin: 0 auto;
    /* background-color: #4000ff; */
}

.wrappereg {
    width: 100%;
    height: 700px;
}

.wrappereg .containereg {
    height: 100%;
    width: 1250px;
    margin: 0 auto;
}

.foot {
    width: 100%;
    height: 350px;
    background-color: #f7f7f7;
}

.foot .containerr {
    height: 100%;
    width: 1250px;
    margin: 0 auto;
    background-color: #f7f7f7;
}

ul,
li {
    padding: 0;
    margin: 0;
}

li {
    width: 100px;
    font-family: Microsoft Yahei;
    list-style-type: none;
    float: left;
    text-align: center;
}

li a {
    text-decoration: none;
}

li:hover a {
    color: aqua;
}

li:hover button {
    color: aqua;
}

li:hover img {
    transform: scale(1.08);
    transition: all 0.8s;
}

a {
    cursor: pointer;
    color: #000000;
}

.aa {
    display: flex;
    text-align: center;
    justify-content: center;
    color: #fff;
}

.en {
    width: 298px;
    height: 75px;
    margin: 0 3px 3px 3px;
    font-family: Microsoft Yahei;
    line-height: 75px;
    background-color: white;
    float: none;
}

.ena {
    display: flex;
    text-align: center;
    justify-content: center;
    color: #000;
}


/* a-warnind {
    width: 120px;
    height: 18px;
    border-radius: 5px;
    border: 1px red solid;
    background-color: red;
    margin: 2px 0 0 px;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
} */

.m-msg {
    padding: 10px 20px;
    background-color: #f0df47;
    border-radius: 5px;
    opacity: 0;
}

.m-warning {
    padding: 10px 20px;
    background-color: rgb(243, 217, 130);
    border-radius: 5px;
    opacity: 0;
}

.a-msd {
    width: 120px;
    height: 18px;
    border-radius: 5px;
    border: 1px red solid;
    background-color: red;
    margin: 2px 0 0 px;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
}

.a-warnind {
    padding: 10px 20px;
    background-color: rgb(243, 217, 130);
    border-radius: 5px;
    opacity: 0;
}

.m-btn {
    width: 150px;
    height: 50px;
    border-width: 0;
    cursor: pointer;
}

.btt {
    width: 150px;
    height: 50px;
    background-color: #f0df47;
}

.regest {
    width: 200px;
    height: 50px;
    background-color: #f0df47;
}

.info {
    background: #ccc;
    width: 150px;
    line-height: 12px;
    padding: 5px;
    border: 1px solid red;
    font-size: 10px;
    display: none;
}

.butt {
    width: 50px;
    height: 140px;
    font-size: 27px;
    background-color: #ffc32b;
    border-width: 0;
    cursor: pointer;
}

.dfirs {
    background: url(../image/product.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dsec {
    background: url(../image/erji.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dithi {
    background: url(../image/jiesh.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dfour {
    background: url(../image/listen.png);
    background-size: 103% 101%;
    background-repeat: no-repeat;
}

.dfive {
    background: url(../image/shuju.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.dsix {
    background: url(../image/backim.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pantel {
    width: 390px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 550
}

.quick {
    font-size: 34px;
    line-height: 80px;
    font-weight: 550;
}

.fot {
    width: 1250px;
    height: 300;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0 0 0;
}

.retur {
    width: 120px;
    height: 50px;
    background-color: #3fff;
    line-height: 50px;
}

.tex {
    width: 380px;
    height: 70px;
    font-size: 25px;
}

.inpu {
    width: 200px;
    height: 35px;
    border-radius: 9px;
    float: right;
}

.kii {
    display: flex;
    height: 500px;
    overflow: hidden;
    transition: all 2s;
}

.kim {
    padding: 20px 0 0 0;
    display: flex;
    width: 1250px;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
}

.kii {
    display: flex;
    height: 500px;
    width: 1250px;
    overflow: hidden;
    transition: all 2s;
}

.kd {
    display: flex;
    width: 410px;
    height: 480px;
    border: 1px aqua solid;
    margin: 5px 20px 10px 20px;
    transition: all 3s;
}